import React from 'react'
import { NavBar } from 'antd-mobile';
import { useNavigate } from 'react-router-dom';
import { List ,Switch} from 'antd-mobile'

export default function Accountsecurity() {
    let navigate = useNavigate()
    return (
        <div>
            <NavBar onBack={() => { navigate(-1) }}>账号与安全</NavBar>
            <div style={{ background: "#f7f7f7", height: "calc(100vh - 45px)" }}>
                <List header=' '>
                    <List.Item extra={'188****5674'} onClick={()=>{}}>手机号码</List.Item>
                    <List.Item extra={<p>修改<span style={{color:"black"}}></span></p>} onClick={()=>{}}>登录密码</List.Item>
                </List>
                <List header='第三方账号'>
                    <List.Item extra={<Switch defaultChecked={false} />}>微信</List.Item>
                </List>
                <List header='高级设置'>
                    <List.Item extra="注销不可逆，请谨慎操作" onClick={()=>{}}>注销账号</List.Item>
                </List>
            </div>
        </div>
    )
}

